<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>Anmol Cards - Product Gallery</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="author" content="Websiteapps, Digvijay Mohite.">


  <link href="<?php assetH("css/bootstrap.css")?>" rel="stylesheet">
  <link href="<?php assetH("style.css")?>" rel="stylesheet">
  <link href="<?php assetH("css/owl-carousel.css")?>" rel="stylesheet">
  <link href="<?php assetH("css/animate.min.css")?>" rel="stylesheet">
  <link href="<?php assetH("css/flexslider.css")?>" rel="stylesheet">
  <link href="<?php assetH("css/spinner.css")?>" rel="stylesheet">
  <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Lato:400,300,400italic,300italic,700,700italic,900' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Exo:400,300,600,500,400italic,700italic,800,900' rel='stylesheet' type='text/css'>
  <link href="<?php assetH("royalslider/royalslider.css")?>" rel="stylesheet">
  <link href="<?php assetH("royalslider/skins/default-inverted/rs-default-inverted.css")?>" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="<?php assetH("rs-plugin/css/settings.css")?>" media="screen" />
  <link href="<?php asset("css/bttrlazyloading.min.css") ?>" rel="stylesheet" type="text/css"/>
  <!--[if lt IE 9]>
    <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <!--[if lt IE 9]>
    <script src="<?php assetH("js/respond.min.js")?>"></script>
  <![endif]-->

</head>
<body>

<div class="animationload">
<div class="loader">Loading...</div>
</div>



	<div id="topbar" class="clearfix">
    	<div class="container">
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                <div class="social-icons">
                    <span><a data-toggle="tooltip" data-placement="bottom" title="Facebook" href="#"><i class="fa fa-facebook"></i></a></span>
                    <span><a data-toggle="tooltip" data-placement="bottom" title="Google Plus" href="#"><i class="fa fa-google-plus"></i></a></span>
                    <span><a data-toggle="tooltip" data-placement="bottom" title="Twitter" href="#"><i class="fa fa-twitter"></i></a></span>
                    <span><a data-toggle="tooltip" data-placement="bottom" title="Youtube" href="#"><i class="fa fa-youtube"></i></a></span>
                    <span><a data-toggle="tooltip" data-placement="bottom" title="Linkedin" href="#"><i class="fa fa-linkedin"></i></a></span>
                    <span><a data-toggle="tooltip" data-placement="bottom" title="Dribbble" href="#"><i class="fa fa-dribbble"></i></a></span>
                    <span class="last"><a data-toggle="tooltip" data-placement="bottom" title="Skype" href="#"><i class="fa fa-skype"></i></a></span>
                </div><!-- end social icons -->
            </div><!-- end columns -->
            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                <div class="topmenu">
                	<span class="topbar-login"><i class="fa fa-user"></i> <a href="<?php nav_url("client/login") ?>"><?php if($user != null){ echo $user;} else{ echo "Login / Register";} ?></a></span>
                    <span class="topbar-cart"><i class="fa fa-shopping-cart"></i> <a class="header-cart-popup"><?php echo $cart['noOfItems']?> item - <i class="fa fa-rupee"></i> &nbsp;<?php echo $cart['totalRupees'] ?></a></span>
                </div><!-- end top menu -->
            </div><!-- end columns -->
        </div><!-- end container -->
    </div><!-- end topbar -->

    <header id="header-style-1">
		<div class="container">
			<nav class="navbar yamm navbar-default">
				<div class="navbar-header">
                    <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a href="index.html" class="navbar-brand"></a>
        		</div><!-- end navbar-header -->

                <div id="navbar-collapse-1" class="navbar-collapse collapse navbar-right">
                    <ul class="nav navbar-nav">
                        <li><a href="<?php echo base_url()?>">Home</a></li>
                        <li><a href="<?php nav_url("about"); ?>">About</a></li>
                        <li class="dropdown yamm-fw"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Product
                                Gallery
                                <div class="arrow-up"></div>
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <div class="yamm-content">
                                        <div class="row">
                                            <?php
                                            foreach ($categories as $category) {
                                                if ($category->getParent() == null && $category->getNoOfSub() > 0) {
                                                    echo "<ul class='col-sm-3'>";
                                                    echo "<li><h3>" . $category->getName() . "</h3></li>";
                                                    foreach ($categories as $sub) {
                                                        if ($sub->getParent() != null && $sub->getParent()->getId() == $category->getId()) {
                                                            echo "<li><a href='" . nav_url_spl("gallery/item/" . $sub->getId()) . "'>" . $sub->getName() . "</a></li>";
                                                        }
                                                    }
                                                    echo "</ul>";
                                                }
                                            }
                                            ?>
                                        </div>
                                        <!-- end row -->
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li><a href="<?php nav_url("contact"); ?>">Contact</a></li>
                    </ul><!-- end navbar-nav -->
                </div>
            </nav><!-- end navbar yamm navbar-default -->
		</div><!-- end container -->
	</header><!-- end header-style-1 -->

	<section class="post-wrapper-top jt-shadow clearfix">
		<div class="container">
			<div class="col-lg-12">
				<h2>Product Gallery</h2>
                <ul class="breadcrumb pull-right">
                    <li><a>Shop</a></li>
                    <li><?php echo $selectedCategory ?></php></li>
                </ul>
			</div>
		</div>
	</section><!-- end post-wrapper-top -->

	<section class="blog-wrapper">
		<div class="container">
            <div class="shop_wrapper">
                <div id="product-loader" class="col-md-12">
                    <div class="col-md-4"></div>
                    <div class="col-md-4" style="text-align: center">
                        <div id="floatingCirclesG" style="display: inline-block; ">
                            <div class="f_circleG" id="frotateG_01">
                            </div>
                            <div class="f_circleG" id="frotateG_02">
                            </div>
                            <div class="f_circleG" id="frotateG_03">
                            </div>
                            <div class="f_circleG" id="frotateG_04">
                            </div>
                            <div class="f_circleG" id="frotateG_05">
                            </div>
                            <div class="f_circleG" id="frotateG_06">
                            </div>
                            <div class="f_circleG" id="frotateG_07">
                            </div>
                            <div class="f_circleG" id="frotateG_08">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4"></div>
                </div>

                <div class="clearfix"></div>

                <div id="product-grid" class=" shop_wrapper padding-top">

                </div>
                <div id="product-template" class="col-lg-3 col-md-3 col-sm-6 col-xs-12" style="display:none">
                    <div class="shop_item">
                        <div class="entry">
                            <img alt="" class="product-img" style="width:100%;"
                                 data-bttrlazyloading-delay="2000"
                                 data-bttrlazyloading-sm-width="255"
                                 data-bttrlazyloading-sm-height="253"
                                 data-bttrlazyloading-md-width="255"
                                 data-bttrlazyloading-md-height="253"
                                 data-bttrlazyloading-lg-width="255"
                                 data-bttrlazyloading-lg-height="253"/>
                            <div class="magnifier">
                                <div class="buttons">
                                    <a class="st btn btn-default product-url" rel="bookmark" href="">Add to Cart</a>
                                </div>
                            </div>
                        </div>
                        <div class="shop_desc">
                            <div class="shop_title pull-left">
                                <a href="shop-single-sidebar.html"><span class="product-name">Sunlight Collection of 2014</span></a>
                                <span class="cats product-category"></span>
                            </div>
                                <span class="price pull-right">
                                    <i style="color:#D20000;" class="fa fa-inr"></i>
                                    <span class="product-price"></span><br/>
                                    <span class="product-discount"></span>
                                </span>
                        </div>
                    </div>
                </div>
            </div>
		</div>
	</section><!-- end postwrapper -->



<footer id="footer-style-1">
    <div class="container">
        <div class="col-lg-8 col-md-8 col-sm-6 col-xs-12">
            <div class="widget">
                <img class="padding-top" src="<?php assetH("images/logo.png") ?>" alt="">
                <p>Wedding is the most important & auspicious occasion of any ones life.It is not only occasion of two souls but weaving together of two families & their culture.
                    Anmol cards is the leading stockist of all types of wedding cards having three decades of experience is situated in the heart of  MIRAJ, SANGLI & KOLHAPUR  City.</p>
                <!-- end social icons -->
            </div>
            <!-- end widget -->
        </div>
        <!-- end columns -->

        <!-- end columns -->
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
            <div class="widget">
                <div class="title">
                    <h3>NewsLetter</h3>
                </div>
                <!-- end title -->
                <div class="newsletter_widget">
                    <p>Subscribe to our newsletter to receive news, updates, free stuff and new releases by email. We
                        don't do spam..</p>

                    <form action="#" class="newsletter_form">
                        <input type="text" id="subscribe-email" class="form-control" placeholder="Enter your email address">
                        <a href="#" class="btn btn-primary pull-right subscribe">Subscribe</a>
                    </form>
                    <!-- end newsletter form -->
                </div>
            </div>
            <!-- end widget -->
        </div>
        <!-- end columns -->
    </div>
    <!-- end container -->
</footer>
<!-- end #footer-style-1 -->


    <div id="copyrights">
    	<div class="container">
			<div class="col-lg-5 col-md-6 col-sm-12">
                <div class="copyright-text">
                    <p>Copyright © <?php date_default_timezone_set("Asia/Calcutta");
                        echo date('Y'); ?> - Powered by <a href="http://www.websiteapps.in/">WebsiteApps</a> & <a href="http://www.avisgraphics.co.in/"> Avis Graphics</a></p>
                </div><!-- end copyright-text -->
			</div><!-- end widget -->
			<div class="col-lg-7 col-md-6 col-sm-12 clearfix">
				<div class="footer-menu">
                    <ul class="menu">
                        <li class="active"><a class="header-cart-popup" href="#">Terms & Conditions</a></li>
                        <li><a href="<?php nav_url("about"); ?>">About us</a></li>
                        <li><a href="<?php nav_url("contact"); ?>">Contact</a></li>
                    </ul>
                </div>
			</div><!-- end large-7 -->
        </div><!-- end container -->
    </div><!-- end copyrights -->

	<div class="dmtop">Scroll to Top</div>

  <!-- Main Scripts-->
  <script src="<?php assetH("js/jquery.js")?>"></script>
  <script src="<?php assetH("js/bootstrap.min.js")?>"></script>
  <script src="<?php assetH("js/menu.js")?>"></script>
<script src="<?php asset("validator/jquery.form-validator.min.js") ?>"></script>
  <script src="<?php assetH("js/owl.carousel.min.js")?>"></script>
  <script src="<?php assetH("js/jquery.parallax-1.1.3.js")?>"></script>
  <script src="<?php assetH("js/jquery.simple-text-rotator.js")?>"></script>
  <script src="<?php assetH("js/wow.min.js")?>"></script>
  <script src="<?php assetH("js/custom.js")?>"></script>
  <script src="<?php assetH("js/cart.js")?>"></script>
  <script src="<?php asset("js/jquery.bttrlazyloading.min.js")?>"></script>
  <script src="<?php asset("js/jquery.form.js") ?>" type="text/javascript"></script>
  <script src="<?php asset("dist/spin.min.js") ?>"></script>
  <script src="<?php asset("dist/ladda.min.js") ?>"></script>

<script>
    var imgUrl = "<?php echo img_url()?>";
    var selectedCategoryId = "<?php echo $selectedCategoryId ?>";
    $(document).ready(function(){
        $.get("<?php nav_url("gallery/getProductByCategory/") ?>"+ selectedCategoryId,function(response){
            if(!response.error){
                $("#product-loader").fadeOut();
                for(var i = 0; i < response.data.length; i++){
                    var prod = response.data[i];
                    var product = $("#product-template").clone().css("display", "block");
                    for (var j = 0; j < prod.images.length; j++) {
                        if (prod.images[j].isCover) {
                            $(product).find(".product-img").attr("data-bttrlazyloading-sm-src", imgUrl + prod.images[j].name );
                            break;
                        }
                    }
                    $(product).attr("id", "product-gallery_"+ prod.id);
                    $(product).find(".product-name").text(prod.name);
                    $(product).find(".product-category").text(prod.category.name);
                    $(product).find(".product-price").text(prod.price);
                    $(product).find(".product-discount").text(prod.discount + "% Off");
                    $(product).find(".product-url").attr("href","<?php nav_url("gallery/details/")?>"+ prod.id);
                    $(product).hide().appendTo("#product-grid").slideDown("fast");
                    $(product).find(".product-img").bttrlazyloading();

                }
            }
        });
    });
</script>
<?php include('cartpopup.php')?>
<?php include("cartjs.php")?>
  </body>
</html>